import {View, Text, StyleSheet, TouchableOpacity} from 'react-native'
import React, {Component} from 'react'
import {alertProxy} from "../../component/common/AlertProxy";
import {AppIcon} from "../../assets/icon/AppIcon";
import CommonRadio from "../../component/common/CommonRadio";

interface SelectBankCardProps {

}

interface SelectBankCardState {

}


export default class SelectBankCard extends Component<SelectBankCardProps, SelectBankCardState> {


    constructor(props: SelectBankCardProps) {
        super(props);
    }

    render() {
        const list = [1, 2];
        return (<View style={SelectBankCardStyle.container}>
            {list.map((data, index) => {
                return (<View style={[SelectBankCardStyle.rowStyle]} key={index}>
                    <View style={[SelectBankCardStyle.rowStyle, {paddingHorizontal: 0}]}>
                        <AppIcon name={"wangyin"} color={"#ccc"} size={33}/>
                        <View style={{marginHorizontal: 20}}>
                            <Text style={SelectBankCardStyle.boldFont}>中国工商银行</Text>
                            <Text style={[SelectBankCardStyle.middleFont, {marginTop: 5}]}>6222****2444</Text>
                        </View>
                    </View>
                    <CommonRadio size={16}/>
                </View>)
            })}
        </View>)
    }
}

const SelectBankCardStyle = StyleSheet.create({
    container: {
        paddingTop:10
    },
    rowStyle: {
        flexDirection: "row",
        alignItems: "center",
        justifyContent: "space-between",
        backgroundColor: "#fff",
        marginTop: 1,
        paddingHorizontal: 20,
        height: 60
    },
    boldFont: {
        fontWeight: "bold",
        color: "#333",
        fontSize: 14
    },
    middleFont: {
        color: "#666",
        fontSize: 12
    },
    labelFont: {
        color: "#333",
        fontSize: 14
    },
    bigBoldFont: {
        fontWeight: "bold",
        color: "#333",
        fontSize: 16
    },
    tipsFont: {
        fontSize: 12,
        color: "#FF7C02",
        lineHeight: 17,
        textAlign: "center"
    },
    btnFont: {
        fontSize: 14,
        color: "#fff"
    },
});

 